import { IconBrandFacebook, IconBrandGithub } from '@tabler/icons-react'
import { Button } from '@/components/ui/button'
import { signIn } from '@/lib/auth-client';

export function SocialForm({ isLoading }: { isLoading: boolean }) {
  return (
    <div className='flex items-center gap-2'>
      <Button
        variant='outline'
        className='w-full'
        type='button'
        disabled={isLoading}
        onClick={async () => await signIn.social({ provider: 'github', callbackURL: '/admin/home' })}
      >
        <IconBrandGithub className='h-4 w-4' /> GitHub
      </Button>
      <Button
        variant='outline'
        className='w-full'
        type='button'
        disabled={isLoading}
      >
        <IconBrandFacebook className='h-4 w-4' /> Facebook
      </Button>
    </div>
  )
}
